body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0;padding:0;}

ol,li,ul,dl,dt,dd{list-style:none;}

table{border-collapse:collapse;border-spacing:0}

h1,h2,h3,h4,h5,h6,i,strong {font-weight: normal;}  

img {vertical-align: middle;border: none;width: 100%;}  
i {font: inherit;}  

a {color: #fff;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color:transparent;}

a:hover {text-decoration: underline; outline: none;}  

select::-ms-expand { display: none; }  

a:active,a:hover{outline:0}

.clearfix::before,
.clearfix::after{
    content: '';
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;

}

.fl{ float:left;}
.fr{float:right;}

input,select,option{vertical-align:middle;border-radius:0px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}

input[type="text"],input[type="button"],input[type="submit"],input[type="reset"]{border-radius: 0;outline: none;}  

.overflow {overflow:hidden; }

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#pp-launcher-container,
#pp-launcher-button-container,
#pp-launcher-button-close {
    height:100px;
    width:100px;
}
#pp-launcher-button {
    background-size: 40px;
    background-position: center 20px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 150px;
    width:100px;
    height:100px;
    font-size: 16px;
}
#pp-conversation{
    bottom:125px;
}
.waveBtn1 {//动态按钮
    // -webkit-animation: twinkling 1s infinite ease-in-out 
    -webkit-animation: twinkling1 linear 2s 1.5s infinite;
    -moz-animation: twinkling1 linear 2s 1.5s infinite;
    animation: twinkling1 linear 2s 1.5s infinite;
}

.waveBtn2 {
    // -webkit-animation: twinkling 1s infinite ease-in-out 
    -webkit-animation: twinkling1 linear 2s 1.5s infinite;
    -moz-animation: twinkling1 linear 2s 1.5s infinite;
    animation: twinkling1 linear 2s 1.5s infinite;
}

.waveBtn3 {
    // -webkit-animation: twinkling 1s infinite ease-in-out 
    -webkit-animation: twinkling1 linear 2s 1.5s infinite;
    -moz-animation: twinkling1 linear 2s 1.5s infinite;
    animation: twinkling1 linear 2s 1.5s infinite;
}

@keyframes twinkling1 {
    0% {
        // box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 0px 0 #b2ff1a;
        box-shadow: inset -1px 1px 3px 2px #fff, inset 1px -1px 3px 2px #fff, 0 0 0px 0 #795548;
    }

    50% {
        box-shadow: inset -1px 1px 3px 2px #f0612c, inset 1px -1px 3px 2px #f0612c, 0 0 20px 0 #795548;
    }

    100% {
        box-shadow: inset -1px 1px 3px 2px #f0612c, inset 1px -1px 3px 2px #f0612c, 0 0 0px 0 #795548;
    }
}

@keyframes twinkling2 {
    0% {
        // box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 0px 0 #b2ff1a;
        box-shadow: inset -1px 1px 3px 2px #fff, inset 1px -1px 3px 2px #fff, 0 0 0px 0 #795548;
    }

    50% {
        box-shadow: inset -1px 1px 3px 2px #ff8d26, inset 1px -1px 3px 2px #ff8d26, 0 0 20px 0 #795548;
    }

    100% {
        box-shadow: inset -1px 1px 3px 2px #ff8d26, inset 1px -1px 3px 2px #ff8d26, 0 0 0px 0 #795548;
    }
}

@keyframes twinkling3 {
    0% {
        // box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 0px 0 #b2ff1a;
        box-shadow: inset -1px 1px 3px 2px #fff, inset 1px -1px 3px 2px #fff, 0 0 0px 0 #795548;
    }

    50% {
        box-shadow: inset -1px 1px 3px 2px #f0612c, inset 1px -1px 3px 2px #f0612c, 0 0 20px 0 #795548;
    }

    100% {
        box-shadow: inset -1px 1px 3px 2px #f0612c, inset 1px -1px 3px 2px #f0612c, 0 0 0px 0 #795548;
    }
}